﻿#wrapper
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    text-align: left;
    margin: 0px auto;
    padding: 0px;
    width: 100%;
    background: url("../Images/bg.jpg") repeat;
    height: 80%;
}

#header
{
    margin: 0 0 15px 0;
    background: url("../Images/fondoCompletar.jpg") repeat;
}

#side-a
{
    float: left;
    width: 20%;
    height: 80%;
}

#side-b
{
    float: right;
    width: 5%;
}

#content
{
    float: left;
    width: 75%;
}

#contentLogin
{
   
    width: 80%;
    margin-right:  40%;
}
#footer
{
    clear: both;
    background: #A2A2A2;
    text-align: center;
}

.treviewMenu
{
    overflow: auto;
    background-image: url('../images/bg.jpg') no repeat;
}



.TreeNodeOver
{
    font-family: Tahoma;
    font-size: 8pt;
    color: black;
    text-decoration: underline;
    cursor: pointer;
    cursor: hand;
    padding-left: 3px;
}

input, textarea
{
    padding: 5px;
    border: solid 1px #E5E5E5;
    outline: 0;
    font: normal 13px/100% Verdana, Tahoma, sans-serif;
    width: 150px;
    background: #FFFFFF url('bg_form.png') left top repeat-x;
    background: -webkit-gradient(linear, left top, left 10, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
}

textarea
{
    width: 400px;
    max-width: 400px;
    height: 150px;
    line-height: 150%;
}

input:hover, textarea:hover, input:focus, textarea:focus
{
    border-color: #C9C9C9;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
}

.form label
{
    margin-left: 10px;
    margin-top: 10px;
    font-size: 14px;
    color: #999999;
    text-align: inherit;
}

.submit input
{
    width: auto;
    padding: 9px 5px;
    background: #617798;
    border: 0;
    margin: 5px 5px 5px 5px;
    font-size: 10px;
    color: #FFFFFF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}


#columna-a
{
    float: left;
    width: 10%;
    height: 80%;
}

#columna-b
{
    float: left;
    width: 30%;
    height: 80%;
}

#columna-c
{
    float: left;
    width: 10%;
    height: 80%;
}

#columna-d
{
    float: left;
    width: 30%;
    height: 80%;
}

form fieldset
{
    /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
    border-color: #000;
    border-width: 1px;
    border-style: solid;
    background: #DDD9C3;
    padding: 10px; /* padding in fieldset support spotty in IE */
    margin: 0;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}



form fieldset legend
{
    background: #FF9;
    border: solid 1px black;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    padding: 6px;
    font: normal 16px/100% Verdana, Tahoma, sans-serif; /*font-size:1.1em;*/ /* bump up legend font size, not too large or it'll overwrite border on left */ /* be careful with padding, it'll shift the nice offset on top of border  */
}

form fieldset label:first-letter
{
    /* use first-letter pseudo-class to underline accesskey, note that */
    text-decoration: underline; /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */ /* pseudo-class on legend elements, but do support it on label elements */ /* we instead underline first letter on each label element and accesskey */ /* each input. doing only legends would  lessens cognitive load */ /* opera breaks after first letter underlined legends but not labels */
}
